.section-header.card {
	align-items: flex-start;
	display: flex;
	flex-flow: row wrap;
	line-height: 28px;
	padding-top: 11px;
	padding-bottom: 11px;
	position: relative;

	&::after {
		content: '';
	}

	&.is-empty .section-header__label::after {
		content: '\00a0';
	}
}

.section-header__label {
	display: flex;
	align-items: center;
	flex-grow: 1;
	position: relative;
	overflow: hidden;

	@include breakpoint( '<480px' ) {
		line-height: 1.4;
		margin: 4px 0;
	}

	.count,
	.support-info {
		margin-left: 8px;
	}
	
	.support-info {
		position: relative;
		top: 3px;
	}
}

.section-header__actions {
	flex-grow: 0;
	position: relative;

	@include clear-fix;
}

.section-header__label {
	color: var( --color-neutral-70 );
	font-size: 14px;
}

.section-header__actions {
	.button {
		float: left;
		margin-right: 8px;
	}

	& > .button:last-child {
		margin-right: 0;
	}
}

.is-placeholder {
	.section-header__label {
		@include placeholder();
	}
}
